<div class="not-prose">
    <h2 class="pt-0 mb-2 text-3xl font-bold tracking-tight select-none not-prose custom-font">Contribution</h2>
</div>
<p class="text-gray-500">You may contribute to this project by <a href="https://github.com/thedevdojo/pines" target="_blank">visiting the GitHub Repo here</a>. We currently do not have issues open, so you'll need to submit a PR with your contribution and we'll get to the PR as soon as we can.</p>
<p class="text-gray-500">If you wish to discuss functionality or any issues you have with Pines, you can <a href="https://devdojo.com/questions" target="_blank">visit the DevDojo Discussions/Questions section</a>.</p>

<div class="relative w-full rounded-lg border border-transparent p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 bg-yellow-500 text-white">
    <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z" clip-rule="evenodd" /></svg>
    <h5 class="mb-1 font-medium leading-none tracking-tight">Star the Repo</h5>
    <div class="text-sm [&;_p]:leading-relaxed">If you want to see this project grow, it would help us out if you <a href="https://github.com/thedevdojo/pines" target="_blank" class="font-medium text-white">starred the repo</a> and shared it with your friends.</div>
</div>

<p class="text-gray-500">Thanks for all your support with this project and we look forward to hearing your feedback.</p>

<hr>

<h3>Local Installation</h3>

<p class="text-gray-500">Visit the main repo for the <a href="https://github.com/thedevdojo/pines" target="_blank">Pines UI Library</a>. This repo is simple to setup and get running on your local if you wish to submit a fix or make some additions to the library.</p>

<ol>
    <li>Download the contents of the GitHub repo and store it in a folder.</li>
    <li>Make sure you have <a href="https://nodejs.org/" target="_blank">NodeJS</a> installed along with the <a href="https://www.npmjs.com/package/http-server" target="_blank">http-server</a> package.</li>
    <li>CD into your folder and run `http-serve`</li>
    <li>Visit the localhost URL to see PinesUI</li>
</ol>

<p class="text-gray-500">The installation instructions are also available via the GitHub repo at <a href="https://github.com/thedevdojo/pines" target="_blank">https://github.com/thedevdojo/pines</a></p>



